<!DOCTYPE html>
<html lang="zh">
  {include file="public/head"}
  <link rel="stylesheet" type="text/css" href="/static/admin/js/webuploader/webuploader.css">
  <body>
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <div class="card-title">下单用户信息</div>
            </div>
            <div class="card-body">
              <div class="d-flex">
                <img src="{$user_info.avatar}" class="rounded-circle me-3" style="width: 80px;height: 80px">
              </div>
              <hr>
              <div class="mb-2">
                <label>下单用户名：</label>
                <label>{$user_info.username}</label>
              </div>
              <hr>
              <div class="mb-2">
                <label>用户信息：</label>
                <label>邮箱：{$user_info.mail} ; 学校：{$user_info.school} ; 专业：{$user_info.major} ; 年级：{$user_info.grade} ;
                  排名：{$user_info.rank} </label>
              </div>
              <hr>
              <div class="mb-2">
                <label>能力：</label>
                <label>GPA：{$user_info.gpa} ; 托福：{$user_info.toefl} ; 雅思：{$user_info.ielts} ; LSAT：{$user_info.lsat} ; GRE{$user_info.gre} </label>
              </div>
              <hr>
              <div class="mb-2">
                <label>交换项目：</label>
                <label>{$user_info.exchange_country} - {$user_info.exchange_project} - {$user_info.exchange_time}</label>
              </div>
              <hr>
              <div class="mb-2">
              <label>学业：</label>
              <label>本科：{$user_info.ug_degree} - {$user_info.ug_major} - {$user_info.ug_graduation};  研究生：{$user_info.gd_degree} - {$user_info.gd_major} - {$user_info.gd_graduation}  </label>
            </div> 
              <hr>
              <div class="mb-2">
                <label>目标学校：</label>
                <label>{$user_info.target_school}; 目标专业：{$user_info.target_major}</label>
              </div>
              <hr>
            </div>
          </div>
        </div>

        <div class="col-md-6">
          <div class="card">
            <div class="card-header">
              <div class="card-title">订单详情</div>
            </div>
            <div class="card-body">
              <div class="mb-2">
                <label>订单单号：</label>
                <label>{$order_info.order_data.order_no}</label>
              </div>
              <hr>
              <div class="mb-2">
                <label>服务类型：</label>
                <label>{$order_info.order_data.service_name}</label>
              </div>
              <hr>
              <div class="mb-2">
                <label>订单备注：</label>
                <label>{$order_info.order_data.remark}</label>
              </div>
              <hr>
            </div>
          </div>
        </div>

      </div>

      <div class="row">

        <div class="col-lg-12">
          <div class="card">
            <header class="card-header">
              <div class="card-title">订单信息</div>
            </header>
            <div class="card-body">
              <form class="row" id="common_form" action="{$action}" method="post">

                <div class="mb-3 col-md-12">
                  <label for="meeting_link" class="form-label">
                  <h6>第一步：等待用户补充素材，提出建议</h6>
                  </label>
                  {if !empty($order_info.order_server_data.why_choose) && !empty($order_info.order_server_data.perception) && !empty($order_info.order_server_data.practice) && !empty($order_info.order_server_data.pro_effect)}
                  <p class="h6">申请专业</p>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">1.为什么选择申请法律专业（如果转业，为什么要转）？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.why_choose}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">2.对那个专业方向感兴趣，兴趣何来？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.interest}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">3.如果法本。为什么要选择法律作为本科专业？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.why_law}</textarea>
                  </div>
                  <hr>
                  <p class="h6">教育背景</p>

                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">1.在学习法律专业过程中，有哪些感悟？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.perception}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">2.学习到哪些专业知识对你很有帮助？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.knowledge_help}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">3.参与或者组织过哪些项目，证明你的专业能力，领导力，创造力？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.pro_prove}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">4.去其他国家的游学，交换项目（起止时间，地点，学校，学习的课程，收获和感悟）？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.out_study}</textarea>
                  </div>
                  <hr>
                  <p class="h6">实习/工作经历</p>

                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">1.参与过哪些实习（起止时间，地点，职位，做过的项目和内容）？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.practice}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">2.如果已经工作，有哪些工作经历（起止时间，地点，职位，责任和内容）？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.work_experience}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">3.在实习/工作中，对法律专业或者法律职业有什么认识？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.law_cognition}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">4.实习/工作以后，对今后的职业发展有什么规划？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.planning}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">5.实习/工作对自己的能力和专业有什么提升（如沟通协调，领导力，耐心，专注，专业实践）？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.ability_promote}</textarea>
                  </div>
                  <hr>
                  <p class="h6">职业规划</p>

                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">1.申请的项目在自己的法律职业规划中的作用？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.pro_effect}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">2.完成申请的项目以后的3年，5年，10年计划？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.long_planning}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">3.今后从事的专业方向？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.work_for}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">4.心仪的律所，公司，目标企业？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.admire_target}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">5.在自己的职业规划中，想实现的理想？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.achieve_target}</textarea>
                  </div>
                  <hr>
                  <p class="h6">其他</p>

                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">1.有哪些特长或者个人兴趣（达到什么程度）？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.strong}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">2.在本科/研究生学习期间参加/领导过哪些社团活动，法律援助，比赛获奖，义工？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.join_activities}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">3.遇到的人生导师对你的启发？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.teacher_inspire}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">4.与法律相关的其他经历？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.other_experience}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">5.GPA或者语言成绩不理想的原因？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.unsatisfactory}</textarea>
                  </div>
                  <div class="mb-3 col-md-12">
                    <label for="seo_description" class="form-label">6.想和招生官分享的个人特色，故事，经历？</label>
                    <textarea class="form-control" rows="5" placeholder="描述" style="width:70%">{$order_info.order_server_data.want_share}</textarea>
                  </div>
                  <hr>

                  <input type="hidden" name="message_step" value="7">
                  <p class="h6 link-info">提出您要给修改的建议：</p>
                  <textarea class="form-control" name="expert_suggest_1" rows="6" style="width:70%" placeholder="请给提出你的修改建议">{$order_info.order_server_data.expert_suggest_1}</textarea>
                  <label class="form-label">修改建议附件:</label>
                  <div class="clearfix">
                    <div class="filePicker_more_2">选择文件</div>
                    <ul class="show_more_file_2">
                      {volist name="$order_info.order_server_data.expert_suggest_file_1" id="v" key="k"}
                      <li>文件名称：{$v.file_name} &nbsp;&nbsp;&nbsp;链接地址：<a href="{$v.file_path}" target="_blank">{$v.file_path}</a>
                        <input type="hidden" name="expert_suggest_file_1[{$k}][file_name]" value="{$v.file_path}">
                        <input type="hidden" name="expert_suggest_file_1[{$k}][file_path]" value="{$v.file_path}">
                        <i class="mdi mdi-delete-forever mdi-24px del_more_file"></i>
                      </li>
                      {/volist}
                    </ul>
                    <label id="more_file_name_2"></label>
                    <label id="more_file_size_2">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                    <label id="more_file_time_2">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                    <div class="progress-bar" id="more_bar_2" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                  </div>
                  <hr>

                  {/if}
                </div>

                <div class="mb-3 col-md-12">
                  {if !empty($order_info.order_server_data.supplement) || !empty($order_info.order_server_data.enclosure_img) ||!empty($order_info.order_server_data.enclosure_file)}
                  <label for="meeting_link" class="form-label">
                  <h6>第二步：查看用户提交的补充素材，等待用户选择预约时间</h6>
                  </label>
                  {if !empty($order_info.order_server_data.supplement)}
                  <br>
                  <label class="form-label">补充素材内容：</label>
                  <textarea class="form-control" rows="6" style="width:70%">{$order_info.order_server_data.supplement}</textarea>
                  {/if}
                  {if !empty($order_info.order_server_data.enclosure_img)}
                  <br />
                  <label class="form-label">图片附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.enclosure_img" id="v"}
                      <a href="{$v}" target="_blank">
                        <img src="{$v}" style="width: 240px;height: 240px">
                      </a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  {if !empty($order_info.order_server_data.enclosure_file)}
                  <label class="form-label">文件附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.enclosure_file" id="v" key="k"}
                      <a href="{$v}" class="link-primary" target="_blank">({$k})：{$v}</a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  {/if}

                  {if !empty($order_info.order_server_data.expected_time)}
                  <div class="mb-3 col-md-12">
                    <label for="expected_time" class="form-label">用户已选择预约时间段，请确认时间：</label>
                    <div class="clearfix">
                      {volist name="$order_info.order_server_data.expected_time" id="v"}
                      <div class="form-check form-check-inline">
                        <input type="radio" id="expected_time" name="confirm_time" class="form-check-input" required value="{$v|strtotime}" {if $order_info.order_server_data.confirm_time==$v}checked {/if} {notempty name="$order_info.order_server_data.confirm_time" }disabled="" {/notempty}>
                             <label class="form-check-label" for="expected_time">{$v}</label>
                      </div>
                      {/volist}
                    </div>
                  </div>
                  <input type="hidden" name="message_step" value="1">
                  {/if}

                  {if !empty($order_info.order_server_data.confirm_time) && $order_info.order_server_data.user_is_confirm_time == 0}
                    <div class="mb-3 col-md-12">
                      <label for="confirm_time" class="form-label text-danger">等待用户确认服务时间</label>
                    </div>
                    <input type="hidden" name="confirm_time" value="{:strtotime($order_info.order_server_data.confirm_time)}">
                    {/if}
                    {if !empty($order_info.order_server_data.confirm_time) && $order_info.order_server_data.user_is_confirm_time == 1}
                    <div class="mb-3 col-md-12">
                      <label for="confirm_time" class="form-label text-success">用户已经确认服务时间</label>
                    </div>
                  {/if}


                  {if !empty($order_info.order_server_data.confirm_time) && $order_info.order_server_data.user_is_confirm_time == 1}
                  <label for="price" class="form-label">
                  <h6>第三步：上传会议链接：</h6>
                  </label>
                  <div class="input-group mb-3">
                    <span class="input-group-text">会议链接</span>
                    <input type="text" class="form-control" name="meeting_link" placeholder="请输入会议链接" value="{$order_info.order_server_data.meeting_link}" required>
                    <span class="input-group-text">会议密码</span>
                    <input type="text" class="form-control" name="meeting_pwd"  placeholder="请输入会议密码" value="{$order_info.order_server_data.meeting_pwd}">
                  </div>

                  <input type="hidden" name="message_step" value="2">
                  {/if}




                  {if !empty($order_info.order_server_data.meeting_link)}
                  <label for="price" class="form-label">
                  <h6>第四步：提出您要给写作思路，等待用户提出反馈意见：</h6>
                  </label>
                  <textarea class="form-control" name="expert_thinking" rows="6" style="width:70%" placeholder="提出您要给写作思路">{$order_info.order_server_data.expert_thinking}</textarea>
                  <label for="expected_time" class="form-label">写作思路附件:</label>
                  <div class="clearfix">

                    <div class="filePicker_more">选择文件</div>
                    <ul class="show_more_file">
                      {volist name="$order_info.order_server_data.expert_thinking_file" id="v" key="k"}
                      <li>文件名称：{$v.file_name} &nbsp;&nbsp;&nbsp;链接地址：<a href="{$v.file_path}" target="_blank">{$v.file_path}</a>
                        <input type="hidden" name="expert_thinking_file[{$k}][file_name]" value="{$v.file_path}">
                        <input type="hidden" name="expert_thinking_file[{$k}][file_path]" value="{$v.file_path}">
                        <i class="mdi mdi-delete-forever mdi-24px del_more_file"></i>
                      </li>
                      {/volist}
                    </ul>
                    <label id="file_name"></label>
                    <label id="file_size">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                    <label id="file_time">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                    <div class="progress-bar" id="more_bar_1" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                  </div>
                  <input type="hidden" name="message_step" value="9">
                  {/if}

                  {if !empty($order_info.order_server_data.user_opinion_1)}
                  <label for="price" class="form-label">
                  <h6>第五步：查看用户提出的意见，上传您给出的初稿文件：</h6>
                  </label>
                  <textarea class="form-control" rows="6" style="width:70%" placeholder="用户提出的意见">{$order_info.order_server_data.user_opinion_1}</textarea>

                  {if !empty($order_info.order_server_data.user_opinion_img_1)}
                  <br />
                  <label class="form-label">图片附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_img_1" id="v"}
                      <a href="{$v}" target="_blank">
                        <img src="{$v}" style="width: 240px;height: 240px">
                      </a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  {if !empty($order_info.order_server_data.user_opinion_file_1)}
                  <label class="form-label">文件附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_file_1" id="v" key="k"}
                      <a href="{$v}" class="link-primary" target="_blank">({$k})：{$v}</a>
                      {/volist}
                    </label>
                  </div>
                  {/if}

                  <div class="mb-3 col-md-12">
                    <label for="expected_time" class="form-label">上传您给出的初稿文件:</label>
                    <div class="clearfix">
                      <input type="hidden" name="message_step" value="10">

                      <div class="filePicker">选择文件</div>
                      <input type="hidden" name="expert_doc_1" id="expert_resume_0" value="{$order_info.order_server_data.expert_doc_1}">
                      <input type="hidden" name="expert_doc_name_1" id="expert_resume_name_0" value="{$order_info.order_server_data.expert_doc_name_1}">
                      <input type="hidden" name="expert_doc_time_1" id="expert_resume_time_0" value="{$order_info.order_server_data.expert_doc_time_1}">

                      {if !empty($order_info.order_server_data.expert_doc_1)}
                      <label class="form-label" id="show_expert_resume_0">
                        文件名称：{$order_info.order_server_data.expert_doc_name_1} &nbsp;&nbsp;&nbsp;
                        文件链接：<a href="{$order_info.order_server_data.expert_doc_1}" class="link-primary" target="_blank">{$order_info.order_server_data.expert_doc_1}</a> &nbsp;&nbsp;&nbsp;
                        上传时间：{$order_info.order_server_data.expert_doc_time_1}
                      </label>
                      {/if}
                      <label id="file_name_0"></label>
                      <label id="file_size_0">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <label id="file_time_0">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <div class="progress-bar" id="bar_0" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                  </div>
                  {/if}

                  {if !empty($order_info.order_server_data.user_opinion_2)}
                  <label for="price" class="form-label">
                  <h6>第六步：查看用户提出的意见，上传修改后的文件：</h6>
                  </label>
                  <textarea class="form-control" rows="6" style="width:70%" placeholder="用户提出的意见">{$order_info.order_server_data.user_opinion_2}</textarea>
                  {if !empty($order_info.order_server_data.user_opinion_img_2)}
                  <br />
                  <label class="form-label">图片附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_img_2" id="v"}
                      <a href="{$v}" target="_blank">
                        <img src="{$v}" style="width: 240px;height: 240px">
                      </a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  {if !empty($order_info.order_server_data.user_opinion_file_2)}
                  <label class="form-label">文件附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_file_2" id="v" key="k"}
                      <a href="{$v}" class="link-primary" target="_blank">({$k})：{$v}</a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  <div class="mb-3 col-md-12">
                    <label for="expected_time" class="form-label">上传修改后的文件:</label>
                    <div class="clearfix">
                      <input type="hidden" name="message_step" value="11">

                      <div class="filePicker">选择文件</div>
                      <input type="hidden" name="expert_doc_2" id="expert_resume_1" value="{$order_info.order_server_data.expert_doc_2}">
                      <input type="hidden" name="expert_doc_name_2" id="expert_resume_name_1" value="{$order_info.order_server_data.expert_doc_name_2}">
                      <input type="hidden" name="expert_doc_time_2" id="expert_resume_time_1" value="{$order_info.order_server_data.expert_doc_time_2}">

                      {if !empty($order_info.order_server_data.expert_doc_2)}
                      <label class="form-label" id="show_expert_resume_1">
                        文件名称：{$order_info.order_server_data.expert_doc_name_2} &nbsp;&nbsp;&nbsp;
                        文件链接：<a href="{$order_info.order_server_data.expert_doc_2}" class="link-primary" target="_blank">{$order_info.order_server_data.expert_doc_2}</a> &nbsp;&nbsp;&nbsp;
                        上传时间：{$order_info.order_server_data.expert_doc_time_2}
                      </label>
                      {/if}
                      <label id="file_name_1"></label>
                      <label id="file_size_1">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <label id="file_time_1">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <div class="progress-bar" id="bar_1" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                  </div>
                  {/if}

                  {if !empty($order_info.order_server_data.user_opinion_3)}
                  <label for="price" class="form-label">
                  <h6>第七步：查看用户提出的意见，上传修改后的文件：</h6>
                  </label>
                  <textarea class="form-control" rows="6" style="width:70%" placeholder="用户提出的意见">{$order_info.order_server_data.user_opinion_3}</textarea>
                  {if !empty($order_info.order_server_data.user_opinion_img_3)}
                  <br />
                  <label class="form-label">图片附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_img_3" id="v"}
                      <a href="{$v}" target="_blank">
                        <img src="{$v}" style="width: 240px;height: 240px">
                      </a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  {if !empty($order_info.order_server_data.user_opinion_file_3)}
                  <label class="form-label">文件附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_file_3" id="v" key="k"}
                      <a href="{$v}" class="link-primary" target="_blank">({$k})：{$v}</a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  <div class="mb-3 col-md-12">
                    <label for="expected_time" class="form-label">上传修改后的文件:</label>
                    <div class="clearfix">
                      <input type="hidden" name="message_step" value="11">

                      <div class="filePicker">选择文件</div>
                      <input type="hidden" name="expert_doc_3" id="expert_resume_2" value="{$order_info.order_server_data.expert_doc_3}">
                      <input type="hidden" name="expert_doc_name_3" id="expert_resume_name_2" value="{$order_info.order_server_data.expert_doc_name_3}">
                      <input type="hidden" name="expert_doc_time_3" id="expert_resume_time_2" value="{$order_info.order_server_data.expert_doc_time_3}">

                      {if !empty($order_info.order_server_data.expert_doc_3)}
                      <label class="form-label" id="show_expert_resume_2">
                        文件名称：{$order_info.order_server_data.expert_doc_name_3} &nbsp;&nbsp;&nbsp;
                        文件链接：<a href="{$order_info.order_server_data.expert_doc_3}" class="link-primary" target="_blank">{$order_info.order_server_data.expert_doc_3}</a> &nbsp;&nbsp;&nbsp;
                        上传时间：{$order_info.order_server_data.expert_doc_time_3}
                      </label>
                      {/if}
                      <label id="file_name_2"></label>
                      <label id="file_size_2">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <label id="file_time_2">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <div class="progress-bar" id="bar_2" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                  </div>
                  {/if}

                  {if !empty($order_info.order_server_data.user_opinion_4)}
                  <label for="price" class="form-label">
                    <h6>第八步：查看用户提出的意见，上传修改后的文件：</h6>
                  </label>
                  <textarea class="form-control" rows="6" style="width:70%" placeholder="用户提出的意见">{$order_info.order_server_data.user_opinion_4}</textarea>
                  {if !empty($order_info.order_server_data.user_opinion_img_4)}
                  <br />
                  <label class="form-label">图片附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_img_4" id="v"}
                      <a href="{$v}" target="_blank">
                        <img src="{$v}" style="width: 240px;height: 240px">
                      </a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  {if !empty($order_info.order_server_data.user_opinion_file_4)}
                  <label class="form-label">文件附件：</label>
                  <div class="mb-2">
                    <label>
                      {volist name="order_info.order_server_data.user_opinion_file_4" id="v" key="k"}
                      <a href="{$v}" class="link-primary" target="_blank">({$k})：{$v}</a>
                      {/volist}
                    </label>
                  </div>
                  {/if}
                  <div class="mb-3 col-md-12">
                    <label for="expected_time" class="form-label">上传修改后的文件:</label>
                    <div class="clearfix">
                      <input type="hidden" name="message_step" value="11">

                      <div class="filePicker">选择文件</div>
                      <input type="hidden" name="expert_doc_4" id="expert_resume_3" value="{$order_info.order_server_data.expert_doc_4}">
                      <input type="hidden" name="expert_doc_name_4" id="expert_resume_name_3" value="{$order_info.order_server_data.expert_doc_name_4}">
                      <input type="hidden" name="expert_doc_time_4" id="expert_resume_time_3" value="{$order_info.order_server_data.expert_doc_time_4}">

                      {if !empty($order_info.order_server_data.expert_doc_4)}
                      <label class="form-label" id="show_expert_resume_3">
                        文件名称：{$order_info.order_server_data.expert_doc_name_4} &nbsp;&nbsp;&nbsp;
                        文件链接：<a href="{$order_info.order_server_data.expert_doc_4}" class="link-primary" target="_blank">{$order_info.order_server_data.expert_doc_4}</a> &nbsp;&nbsp;&nbsp;
                        上传时间：{$order_info.order_server_data.expert_doc_time_4}
                      </label>
                      {/if}
                      <label id="file_name_3"></label>
                      <label id="file_size_3">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <label id="file_time_3">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                      <div class="progress-bar" id="bar_3" role="progressbar" style="width: 0%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">0%</div>
                    </div>
                  </div>
                  {/if}

                  {if !empty($order_info.order_server_data.expert_doc_4)}
                  <div class="mb-3 col-md-12">
                    <label for="meeting_link" class="form-label">
                    <h6>第九步(最终步)：等待用户最终确认</h6>
                    </label>
                    {if $order_info.order_server_data.user_is_confirm == 1}
                    <label class="form-label">用户已经确认，确认时间：{$order_info.order_server_data.user_confirm_time}</label>

                    {/if}
                  </div>
                  {/if}


                  {if $order_info.order_data.status == 4}
                  <div class="mb-3 col-md-12">
                    <label for="meeting_link" class="form-label">
                    <h6>第十步：服务已完成，服务完成时间：{$order_info.order_data.complete_time}</h6>
                    </label>
                  </div>
                  {/if}

                </div>

                <input type="hidden" name="service_name" value="{$order_info.order_data.service_name}">
                <input type="hidden" name="id" value="{$order_info.order_data.id}">
                <input type="hidden" id="jump_url" value="self">

                {if $order_info.order_data.status == 1}
                <div class="mb-3 col-md-12">
                  <button type="submit" class="btn btn-primary ajax-post" target-form="add-form">确 定</button>
                  <button type="button" class="btn btn-default" id="close_layer_open">返 回</button>
                  <button type="button" class="btn btn btn-teal" id="refresh_page">
                    <i class="mdi mdi-file-refresh"></i>刷新页面
                  </button>
                  <button type="button" class="btn btn-success order-complete">
                    <i class="mdi mdi-checkbox-marked-circle-outline"></i>设置订单为已完成
                  </button>
                </div>
                {/if}
              </form>
            </div>
          </div>
        </div>

      </div>

    </div>
    {include file="public/script"}
    <script type="text/javascript" src="/static/admin/laydate/laydate.js"></script>
    <script type="text/javascript" src="/static/admin/js/webuploader/webuploader.js"></script>
    <script type="text/javascript">
      //多次上传
          var GUID = WebUploader.Base.guid();
          // 初始化Web Uploader
          var uploader = WebUploader.create({
              // 选完文件后，是否自动上传。
              auto: true,
              // swf文件路径
              swf: '/static/admin/js/webuploader/Uploader.swf',
              // 文件接收服务端。
              server: '/admin/common/chunkUpload',
              pick: {
                  id:'.filePicker_more_2',
                  //是否开启多个文件选择能力
                  multiple:false,
              },
              chunked: true,   //开启分片上传
              chunkSize: 2*1024*1024,   //分片大小
              threads: 1,               //上传并发数。允许同时最大上传进程数。
              formData: {guid: GUID, is_chunk:1},   //guid：任务号
              //fileSingleSizeLimit:30*1024*1024,  //文件大小限制
              fileVal:'file',
              duplicate: true,  //可否可以重复上传相同文件（如果为true，则相同文件可以重复上传）
          });
          uploader.on('uploadProgress',function (file,percentage ) {
          //显示进度条
              show_rate = Math.floor(percentage* 100);
              $('#more_bar_2').css({width:show_rate+'%'});
              $('#more_bar_2').text(show_rate+'%');
          })
          //上传成功时的回调方法
          uploader.on('uploadSuccess',function (file,res) {
              if(res.code == 100)
              {
                  var upload_more_size = $('.show_more_file_2 li').length;
                  upload_more_size = upload_more_size+1;
                  console.log(upload_more_size);
                  //$('#file_path').html('&nbsp;&nbsp;&nbsp;&nbsp;文件地址：'+res.data.file_path);
                  //$('#file_path').attr('href', res.data.file_path);
                  $('#more_file_name_2').text('文件名称：'+res.data.file_name);
                  $('#more_file_size_2').html('&nbsp;&nbsp;&nbsp;&nbsp;文件大小：'+res.data.size);
                  $('#more_file_time_2').html('&nbsp;&nbsp;&nbsp;&nbsp;上传时间：'+res.data.time);
      
                  $('.show_more_file_2').append('<li>文件名称：'+res.data.file_name+' &nbsp;&nbsp;&nbsp;链接地址：<a href="'+res.data.file_path+'" target="_blank">'+res.data.file_path+'</a> &nbsp;&nbsp;&nbsp;上传时间：'+res.data.time+'<input type="hidden" name="expert_suggest_file_1['+upload_more_size+'][file_name]" value="'+res.data.file_name+'"><input type="hidden" name="expert_suggest_file_1['+upload_more_size+'][file_path]" value="'+res.data.file_path+'"><i class="mdi mdi-delete-forever mdi-24px del_more_file"></i></li>');
              }else{
                  
              }
          })
    </script>
    <script type="text/javascript">
      //多次上传
          var GUID = WebUploader.Base.guid();
          // 初始化Web Uploader
          var uploader = WebUploader.create({
              // 选完文件后，是否自动上传。
              auto: true,
              // swf文件路径
              swf: '/static/admin/js/webuploader/Uploader.swf',
              // 文件接收服务端。
              server: '/admin/common/chunkUpload',
              pick: {
                  id:'.filePicker_more',
                  //是否开启多个文件选择能力
                  multiple:false,
              },
              chunked: true,   //开启分片上传
              chunkSize: 2*1024*1024,   //分片大小
              threads: 1,               //上传并发数。允许同时最大上传进程数。
              formData: {guid: GUID, is_chunk:1},   //guid：任务号
              //fileSingleSizeLimit:30*1024*1024,  //文件大小限制
              fileVal:'file',
              duplicate: true,  //可否可以重复上传相同文件（如果为true，则相同文件可以重复上传）
          });
          uploader.on('uploadProgress',function (file,percentage ) {
          //显示进度条
              show_rate = Math.floor(percentage* 100);
              $('#more_bar_1').css({width:show_rate+'%'});
              $('#more_bar_1').text(show_rate+'%');
          })
          //上传成功时的回调方法
          uploader.on('uploadSuccess',function (file,res) {
              if(res.code == 100)
              {
                  var upload_more_size = $('.show_more_file li').length;
                  upload_more_size = upload_more_size+1;
                  console.log(upload_more_size);
                  //$('#file_path').html('&nbsp;&nbsp;&nbsp;&nbsp;文件地址：'+res.data.file_path);
                  //$('#file_path').attr('href', res.data.file_path);
                  $('#file_name').text('文件名称：'+res.data.file_name);
                  $('#file_size').html('&nbsp;&nbsp;&nbsp;&nbsp;文件大小：'+res.data.size);
                  $('#file_time').html('&nbsp;&nbsp;&nbsp;&nbsp;上传时间：'+res.data.time);
      
                  $('.show_more_file').append('<li>文件名称：'+res.data.file_name+' &nbsp;&nbsp;&nbsp;链接地址：<a href="'+res.data.file_path+'" target="_blank">'+res.data.file_path+'</a> &nbsp;&nbsp;&nbsp;上传时间：'+res.data.time+'<input type="hidden" name="expert_thinking_file['+upload_more_size+'][file_name]" value="'+res.data.file_name+'"><input type="hidden" name="expert_thinking_file['+upload_more_size+'][file_path]" value="'+res.data.file_path+'"><i class="mdi mdi-delete-forever mdi-24px del_more_file"></i></li>');
              }else{
                  
              }
          })
    </script>
    <script type="text/javascript">
      var GUID = WebUploader.Base.guid();
                  $('.filePicker').each(function(index,el){
                      console.log(index);
                      // 初始化Web Uploader
                      var uploader = WebUploader.create({
                          // 选完文件后，是否自动上传。
                          auto: true,
                          // swf文件路径
                          swf: '/static/admin/js/webuploader/Uploader.swf',
                          // 文件接收服务端。
                          server: '/admin/common/chunkUpload',
                          pick: el,
                          chunked: true,   //开启分片上传
                          chunkSize: 2*1024*1024,   //分片大小
                          threads: 1,               //上传并发数。允许同时最大上传进程数。
                          formData: {guid: GUID, is_chunk:1},   //guid：任务号
                          //fileSingleSizeLimit:30*1024*1024,  //文件大小限制
                          fileVal:'file',
                          duplicate: true,  //可否可以重复上传相同文件（如果为true，则相同文件可以重复上传）
                      });
                  
                      uploader.on('uploadProgress',function (file,percentage ) {
                          //显示进度条
                          show_rate = Math.floor(percentage* 100);
                          $('#bar_'+index).css({width:show_rate+'%'});
                          $('#bar_'+index).text(show_rate+'%');
                      })
                  
                      //上传成功时的回调方法
                      uploader.on('uploadSuccess',function (file,res) {
                          console.log(index);
                          if(res.code == 100)
                          {
                              $('#show_expert_resume_'+index).remove();
                  
                              $('#expert_resume_'+index).val('');
                              $('#expert_resume_name_'+index).val('');
                              $('#expert_resume_time_'+index).val('');
                              $('#file_name_'+index).text('');
                              $('#file_size_'+index).html('');
                              $('#file_time_'+index).html('');
                  
                  
                              $('#expert_resume_'+index).val(res.data.file_path);
                              $('#expert_resume_name_'+index).val(res.data.file_name);
                              $('#expert_resume_time_'+index).val(res.data.time);
                              $('#file_name_'+index).text('文件名称：'+res.data.file_name);
                              $('#file_size_'+index).html('&nbsp;&nbsp;&nbsp;&nbsp;文件大小：'+res.data.size);
                              $('#file_time_'+index).html('&nbsp;&nbsp;&nbsp;&nbsp;上传时间：'+res.data.time);
                          }else{
                              
                          }
                      })
                  })
    </script>

    <script type="text/javascript">

      $(document).on("click",".del_more_file",function(){
          $(this).parent().remove();
      })

      laydate.render({
                    elem: '#payment_time'
                    ,type: 'datetime'
                    ,theme: '#007BFF'
                  });
                  
                  $('.order-complete').click(function(){
                      layer.confirm('确定设置此订单为已完成吗?', function(index){
                          $.post('/admin/expertOrder/setOrderComplete',{id:{$order_info.order_data.id}},function(res)
                          {
                              if(res.code == 200)
                              {
                                  showNotify(res.msg, 'success', 1000, 'mdi mdi-emoticon-happy', 'top', 'right', '{$action}');
                  
                                  $("#table").bootstrapTable('selectPage', $("#table").bootstrapTable("getOptions").pageNumber);  //跳转到此页
                              }else{
                                  showNotify(res.msg, 'danger', 1000, 'mdi mdi-information-outline', 'top', 'right');
                              }
                          })
                          layer.close(index);
                      })
                  })
    </script>
  </body>
</html>